<div class="dashboard-wrapper">
    <div class="left-sidebar" style="margin-right: 0px;">

        <div class="row-fluid">
            <div class="span12">
                <div class="widget">
                    <div class="widget-header">
                        <div class="title">
                            Thông Tin Phiếu Xuất Kho
                        </div>

                    </div>
                    <div class="widget-body">

                        <form class="form-horizontal no-margin">
                            <div style="float: left;">

                                <div class="control-group">
                                    <label for="name" class="control-label">
                                        Mã phiếu xuất
                                    </label>
                                    <div class="controls">
                                        <input value="EX_PRINCE RESDECNE_027" type='text' readonly="readonly" placeholder="Nhập vào họ và tên..."  id="email1" name="email1">
                                    </div>
                                </div>

                                <div class="control-group">
                                    <label for="name" class="control-label">
                                        Mã dự án
                                    </label>
                                    <div class="controls">
                                        <input value="The PrinceRes Dance" readonly="" type="text" placeholder="Nhập vào tên đăng nhập..."  id="email1" name="address">
                                    </div>
                                </div>
                                <div class="control-group">
                                    <label class="control-label">
                                        Tổng giá trị nhập
                                    </label>
                                    <div class="controls">
                                        <input type="text" readonly="" placeholder="Nhập vào mật khẩu..." value="608,427,271.00">

                                    </div>
                                </div>
                                <div class="control-group">
                                    <label for="name" class="control-label">
                                        Tổng giá trị VAT
                                    </label>
                                    <div class="controls">
                                        <input value="609,427,271.00" readonly="" type="text" placeholder="Nhập vào Email..." id="email1" name="email">
                                    </div>
                                </div>
                                <div class="control-group">
                                    <label for="name" class="control-label">
                                        Tổng giá trị xuất
                                    </label>
                                    <div class="controls">
                                        <input value="34545.45453" type="text" placeholder="Nhập vào số điện thoại..." id="email1" name="fax">
                                    </div>
                                </div>
                                <div class="control-group">
                                    
                                    <div class="controls">
                                        <input class="btn btn-info pull-right" value="Xuất hết" type="button" placeholder="Nhập vào số điện thoại..." id="email1" name="fax">
                                    </div>
                                </div>
                            </div>
                            <div style="float: left">


                                <div class="control-group">
                                    <label for="name" class="control-label">
                                        Tổng giá trị xuất VAT
                                    </label>
                                    <div class="controls">
                                        <input value="345495.45453" type="text" placeholder="Nhập vào số điện thoại..." id="email1" name="fax">
                                    </div>
                                </div> 
                                <div class="control-group">
                                    <label for="date_range1" class="control-label">
                                        Tháng xuất kho
                                    </label>
                                    <div class="controls">
                                        <div class="input-append">
                                            <input type="text" placeholder="01/29/2013 - 01/31/2013" class="datepicker-months" name="date_range1" value="2013-03">
                                            <span class="add-on btn datepicker-months">
                                                <i class="icon-calendar">
                                                </i>
                                            </span>
                                        </div>
                                    </div>
                                </div> 
                                <div class="control-group">
                                    <label for="country" class="control-label">
                                        Mã nhân viên
                                    </label>
                                    <div class="controls">
                                        <select id="stateAndCity">
                                            <option value="">
                                                Chọn mã nhân viên
                                            </option>

                                            <option value="" selected="selected">
                                                Nguyễn Huỳnh Giao
                                            </option>

                                            <option value="">
                                                Lê Công Định
                                            </option> 
                                            <option value="">
                                                Trân Xuân Lập
                                            </option>
                                            <option value="">
                                                Hoàng Kỳ Anh
                                            </option>
                                            <option value="">
                                                Trần Đình Phong
                                            </option>
                                            <option value="">
                                                Lê Khả Ái
                                            </option>
                                            <option value="">
                                                Lã Xuân Thu
                                            </option>
                                        </select>
                                    </div>
                                </div>
                                <div class="control-group">
                                    <label for="date_range1" class="control-label">
                                        Ngày Lập Phiếu
                                    </label>
                                    <div class="controls">
                                        <div class="input-append">
                                            <input type="text" placeholder="01/29/2013 - 01/31/2013" class="datepicker-months" name="date_range1" value="10/07/2014 11:30:14 PM">
                                            <span class="add-on btn datepicker-months">
                                                <i class="icon-calendar">
                                                </i>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="control-group">
                                    <label for="name" class="control-label">
                                        Mã phiếu nhập
                                    </label>
                                    <div class="controls">
                                        <input value="PRINCERESDENCE_027" readonly="" type="text" placeholder="Nhập vào số điện thoại..." id="email1" name="fax">
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                            <div style="margin-right: 0px;" class="left-sidebar">


                                <div class="row-fluid">
                                    <div class="span12">
                                        <div class="widget">
                                            <div class="widget-header">
                                                <div class="title">
                                                    Danh sách chi tiết phiếu xuất kho 
                                                </div>

                                            </div>
                                            <div class="widget-body">
                                                <div class="example_alt_pagination" id="dt_example">
                                                    <div role="grid" class="dataTables_wrapper" id="data-table_wrapper">
                                                        <table id="data-table" class="table table-condensed table-striped table-hover table-bordered pull-left dataTable" aria-describedby="data-table_info">

                                                            <thead>
                                                                <tr role="row">
                                                                    <th class="hidden-phone sorting" role="columnheader" tabindex="0" aria-controls="data-table" rowspan="1" colspan="1" style="width: 30px;" aria-label="
                                                                        ID
                                                                        : activate to sort column ascending">
                                                                        ID 
                                                                    </th>

                                                                    <th class="hidden-phone sorting" role="columnheader" tabindex="0" aria-controls="data-table" rowspan="1" colspan="1" style="width: 239px;" aria-label="
                                                                        Mã vật tư
                                                                        : activate to sort column ascending">
                                                                        Mã vật tư 
                                                                    </th>


                                                                    <th class="hidden-phone sorting" role="columnheader" tabindex="0" aria-controls="data-table" rowspan="1" colspan="1" style="width: 100px;" aria-label="
                                                                        Số lượng xuất  
                                                                        : activate to sort column ascending">
                                                                        Số lượng xuất 
                                                                    </th>
                                                                    <th class="hidden-phone sorting" role="columnheader" tabindex="0" aria-controls="data-table" rowspan="1" colspan="1" style="width: 100px;" aria-label="
                                                                        Số lượng   
                                                                        : activate to sort column ascending">
                                                                        Số lượng  
                                                                    </th>
                                                                    <th class="hidden-phone sorting" role="columnheader" tabindex="0" aria-controls="data-table" rowspan="1" colspan="1" style="width: 160px;" aria-label="
                                                                        Đơn giá 
                                                                        : activate to sort column ascending">
                                                                        Đơn giá
                                                                    </th>
                                                                    <th class="hidden-phone sorting" role="columnheader" tabindex="0" aria-controls="data-table" rowspan="1" colspan="1" style="width: 250px;" aria-label="
                                                                        Diễn giải
                                                                        : activate to sort column ascending">
                                                                        Diễn giải
                                                                    </th>
                                                                    <th class="hidden-phone sorting" role="columnheader" tabindex="0" aria-controls="data-table" rowspan="1" colspan="1" style="width: 160px;" aria-label="
                                                                        Còn Lại
                                                                        : activate to sort column ascending">
                                                                        Còn Lại
                                                                    </th>

                                                                    <th class="hidden-phone sorting" role="columnheader" tabindex="0" aria-controls="data-table" rowspan="1" colspan="1" style="width: 106px;" aria-label="
                                                                        Thành tiền còn lại
                                                                        : activate to sort column ascending">
                                                                        Thành tiền còn lại
                                                                    </th>
                                                                    <th class="hidden-phone sorting" role="columnheader" tabindex="0" aria-controls="data-table" rowspan="1" colspan="1" style="width: 106px;" aria-label="
                                                                        Thành tiền còn lại VAT
                                                                        : activate to sort column ascending">
                                                                        Thành tiền còn lại VAT
                                                                    </th>



                                                                </tr>
                                                            </thead>

                                                            <tbody role="alert" aria-live="polite" aria-relevant="all">
                                                                <?php
                                                                for ($i = 0; $i <= 10; $i++) {
                                                                    ?>
                                                                    <tr class="odd">
                                                                        <td class="hidden-phone ">
                                                                            1   
                                                                        </td>

                                                                        <td class="hidden-phone ">

                                                                            Bê Tông ET15   
                                                                        </td>
                                                                        <td class="hidden-phone">
                                                                            <div>
                                                                                <input value="15"  style="width: 100px;"  type="text" placeholder="" id="email1" name="">
                                                                            </div>
                                                                        </td>

                                                                        <td class="hidden-phone ">
                                                                            120.00
                                                                            
                                                                        </td>

                                                                        <td class="hidden-phone ">
                                                                            120.002.873
                                                                            
                                                                        </td>
                                                                        <td class="hidden-phone ">
                                                                            Bê Tông BPO-13E
                                                                            
                                                                        </td>
                                                                        <td class="hidden-phone ">
                                                                            12.00
                                                                            
                                                                        </td>
                                                                        <td class="hidden-phone ">
                                                                            45.000.000
                                                                            
                                                                        </td>
                                                                        <td class="hidden-phone ">
                                                                            46.000.000
                                                                            
                                                                        </td>


                                                                    </tr>
                                                                    <?php
                                                                }
                                                                ?>



                                                            </tbody></table></div>
                                                    <div class="clearfix">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>




                            </div>
                            <div class="form-actions no-margin">

                                <button style="margin-left: 5px;" class="btn btn-info pull-right" type="submit">
                                    Tạo Phiếu Xuất
                                </button>

                                <a href="<?= URL::base() ?>admin/xuat-nhap.html" class="btn btn-info pull-right" type="submit">
                                    Trở lại
                                </a>
                                <div class="clearfix">
                                </div>
                            </div>

                        </form>

                    </div>

                </div>
            </div>

        </div>
    </div>

</div>  